<template>
	 <div class="app-container">
		 <h3>AppFather根组件</h3>
		 <div class="box">
			 <!-- 子组件-->
			 <Left></Left>
			 <Right></Right>
		 </div>
	 </div>
	 
</template>

<script>
	//第一步：导入子组件Left Right
	import Left from '@/components/Left.vue'
	import Right from '@/components/Right.vue'
	
	//第二步：注册子组件
	export default{
		components:{
			Left,
			Right
		}
	}
</script>

<style lang="less">
	.app-container{
		padding: 1px 20px 20px;
		background-color: #efefef;
	}
	
	.box{
		display: flex;
	}
</style>
